<template>
  <Row class="serve">
    <Col :lg="{span:24}">
      <Card :bordered="false">
        <p slot="title">提供会员优质服务</p>
        <Row :gutter="16">
          <Col :lg="{span:6}" v-for="item in items" :keys="items.title">
            <Card :bordered="false" style="text-align:center">
              <Icon type="md-car" size="100"/>
              <p>{{item.title}}</p>
            </Card>
          </Col>
        </Row>
      </Card>
    </Col>
  </Row>
</template>

<script>
export default {
  data() {
    return {
      items: [
        {title:"停车位"},
        {title:"雨伞租赁"},
        {title:"物品存放"},
        {title:"物品存放"},
        {title:"停车位"},
        {title:"雨伞租赁"},
        {title:"物品存放"},
        {title:"物品存放"},

      ]
    }
  },
};
</script>

<style lang="less">
.server {
  
}
</style>